<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button>按钮</button>
    <script>
        let button = document.querySelector('button');
        button.onclick = function () {
            // 创建ajax对象
            let xhr = new XMLHttpRequest()
            // 状态码为0
            console.log(xhr.readyState)
            // ajax对象以什么方式对哪里发送请求
            xhr.open('get', 'http://127.0.0.1:8080')
            // 状态码为1
            console.log(xhr.readyState)
            // ajax对象发送请求
            xhr.send()
            // 状态码改变时调用此函数
            xhr.onreadystatechange = function (){
                // 状态码依次改变为 2 3 4
                console.log(xhr.readyState)
            }
        }
    </script>
</body>
</html>